<template>
  <Card :bordered="false" dis-hover>
    <Tabs
      type="card"
      :animated="false"
      v-model="tabMun"
      @on-click="changTab(tabMun)"
    >
      <TabPane label="广告图" name="1">
        <banner ref="banner" />
      </TabPane>
      <TabPane label="快捷导航" name="2">
        <fast ref="fast" />
      </TabPane>
      <!-- <TabPane label="首页模块">
        <modular />
    </TabPane> -->
    </Tabs>
  </Card>
</template>
<script>
import banner from './banner.vue'
import fast from './fast.vue'
import modular from './modular.vue'
export default {
  name: 'settingsHome',
  components: { banner, fast, modular },
  data () {
    return {
      tabMun: '1'
    }
  },
  mounted () {
    this.$refs.banner.initial()
  },
  methods: {
    changTab (e) {
      if (e == 1) {
        this.$refs.banner.initial()
      } else {
        this.$refs.fast.initial()
      }
    }
  }
}
</script>
<style lang='less' scoped></style>
